<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>11.自定义全局指令</title>
        <!-- 引入Vue -->
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 准备好一个容器-->
        <div id="app">
            <input type="text" v-focus  /><br><br>
            
        </div>
    </body>

    <script>
        // directive("指令名称"，{}) 注册全局自定义指令
        //全局自定义指令 必须在 实例之前区创建
      /*   Vue.directive("focus",{
            //为指令添加功能
            inserted(el){
                // console.log(el);
                el.focus();
            }
        }); */



        //实例对象 vm
        new Vue({
            el:"#app",  //绑定视图
            data:{  //存放数据

            },
            methods:{},  //普通方法
            computed:{},  //计算属性
            watch:{},   //监听属性
            directives:{   //自定义局部指令
                focus:{
                    inserted(el){
                        el.focus();
                    }
                }
            }
        })
    </script>
</html>